<template>
  <div>
    <van-nav-bar
  title="专题详情"
  class="w"
  left-arrow
  @click-left="onClickLeft"
/>
<h2>{{list.title}}</h2>
<img :src="list.pic"/>
<p v-html="list.content"></p>
  </div>
</template>
<script>
export default {
data(){
return{
list:[]
}
},
mounted(){
  this.$API.xiang(this.$route.query.id).then((res)=>{
    this.list=res.data.data
})
},
methods:{
  onClickLeft(){
    this.$router.push({path:"/home"})
  }
}
}
</script>
<style  scoped>
h2{
  text-align: center;
  margin-top: 60px;
}
img{
  width: 95%;
  margin-left: 10px;
}
.w{
  width: 100%;
  position: fixed;
  top:0;
  left: 0;
}
  </style>